import React, {Component,useState}from 'react';
import {NavLink} from "react-router-dom";
import axios from'../../utils/http'
import {Checkbox, Divider, Button, Row, Col, message} from 'antd';


const CheckboxGroup = Checkbox.Group;

class AssignPermissions extends Component {
    constructor(props) {
        super(props);
        this.state = {
            options:'',
            plainOptions:'',
            checkedValues:[],
        };
    }


   componentWillMount() {
         axios.get('/mm-power/administrators/selectPowerMenu',{
             params:{
                 adminId:this.props.match.params.id
             }
         }).then(data=>{
             new Promise((resolve, reject) => {
                 let arry=data.data.data.map(item=>{
                     return item + ""
                 })
                resolve(arry)

             }).then(data=>{
                 console.log(2)
                 console.log(data)
                 this.setState({
                     checkedValues:data
                 })
             })
         })
     }

      changE=()=>{
          //将数组转换成对象数组
          let arrList = [];
          for (let i in this.state.checkedValues) {
              var j = {};
              j.premiereMeunid = this.state.checkedValues[i]
              arrList.push(j);
          }
          console.log(arrList)
          // let arry=this.state.checkedValues.map((item,index)=>{
          //     let obj={}
          //     return obj[item.premiereMeunid]=item
          // })
          // console.log(arry)
        axios.post('/mm-power/administrators/updateAdministratorsPremiereMenu',{
            adminId:this.props.match.params.id,
            premiereMeuns:arrList

        }).then(data=>{
            console.log(data)
            if(data.data.code==200){
                message.success('修改成功')
            }else{
                message.error('修改失败')
            }
        })
      }
     onChange=(checkedValues)=> {
        console.log('checked = ', checkedValues);
        this.setState({
            checkedValues:checkedValues
        })
    }
     onChange1=(e,checkedValues)=> {
        console.log(`checked = ${e.target.checked}`);
        console.log(`checked = ${e.target}`);
        console.log(checkedValues);
    }

    render() {


        var that=this
        // function onChange(checkedValues) {
        //     console.log('checked = ', checkedValues);
        //
        //     that.setState({
        //         checkedValues:checkedValues
        //     })
        //     console.log(that.state)
        // }
        // function onChange1(e,checkedValues) {
        //     console.log(`checked = ${e.target.checked}`);
        //     console.log(`checked = ${e.target}`);
        //     console.log(checkedValues);
        //
        // }

        const plainOptions = this.state.plainOptions;

        return (

            <div>

               <div> <NavLink to='/Home/quanXian/Maneger'><span className='xiaoWei'>管理</span></NavLink> <span className='xiaoWei'>分配权限</span></div>

                <Checkbox.Group value={this.state.checkedValues} onChange={this.onChange} >


                    <Row><Col><Checkbox value="1">首页</Checkbox></Col></Row>
                    <br/>
                   <Row>
                       <Col >
                           <Checkbox value="2">商品</Checkbox>
                       </Col>
                       <Col >
                           <Checkbox value="3">商品管理</Checkbox>
                       </Col>
                       <Col >
                           <Checkbox value="4">分类管理</Checkbox>
                       </Col>
                       <Col >
                           <Checkbox value="5">商品标签</Checkbox>
                       </Col>
                       <Col >
                           <Checkbox value="6">商品评论</Checkbox>
                       </Col>

                   </Row> <br/>
                    <Row>
                        <Col ><Checkbox value="7">促销</Checkbox></Col>
                         <Col><Checkbox value="8">优惠券管理</Checkbox></Col>
                         <Col><Checkbox value="9">限时秒杀</Checkbox></Col>
                        <Col><Checkbox value="10">幸运抽奖</Checkbox></Col>
                        <Col><Checkbox value="11">助力活动</Checkbox></Col>
                        <Col><Checkbox value="12">卡卷管理</Checkbox></Col>

                    </Row> <br/>
                    <Row>
                        <Col ><Checkbox value="13">订单</Checkbox></Col>
                        <Col><Checkbox value="14">订单列表</Checkbox></Col>
                        <Col><Checkbox value="15">团购列表</Checkbox></Col>
                        <Col><Checkbox value="16">发货单列表</Checkbox></Col>
                        <Col><Checkbox value="17">退货单列表</Checkbox></Col>
                        <Col> <Checkbox value="18">批量发货</Checkbox></Col>
                    </Row> <br/>
                    <Row>
                        <Col ><Checkbox value="19">网站</Checkbox></Col>
                        <Col><Checkbox value="20">文章列表</Checkbox></Col>
                        <Col><Checkbox value="21">文章分类</Checkbox></Col>
                        <Col><Checkbox value="22">广告列表</Checkbox></Col>
                    </Row> <br/>
                    <Row>
                        <Col ><Checkbox value="23">会员</Checkbox></Col>
                        <Col><Checkbox value="24">会员管理</Checkbox></Col>
                        <Col><Checkbox value="25">会员等级</Checkbox></Col>
                        <Col><Checkbox value="26">签到管理</Checkbox></Col>
                        <Col><Checkbox value="27">社区合伙人</Checkbox></Col>
                    </Row> <br/>
                    <Row>
                        <Col ><Checkbox value="28">权限</Checkbox></Col>
                        <Col><Checkbox value="29">管理员列表</Checkbox></Col>
                        <Col><Checkbox value="30">管理员日志</Checkbox></Col>
                    </Row> <br/>
                    <Row>
                        <Col ><Checkbox value="31">设置</Checkbox></Col>
                        <Col><Checkbox value="32">商店设置</Checkbox></Col>
                        <Col><Checkbox value="33">菜单管理</Checkbox></Col>
                        <Col><Checkbox value="34">支付方式</Checkbox></Col>
                        <Col><Checkbox value="35">配送方式</Checkbox></Col>
                        <Col> <Checkbox value="36">配送区域</Checkbox></Col>
                        <Col> <Checkbox value="37">门店列表</Checkbox></Col>
                    </Row> <br/>
                    <Row>
                        <Col ><Checkbox value="38">微信</Checkbox></Col>
                        <Col><Checkbox value="39">微信设置</Checkbox></Col>
                        <Col><Checkbox value="40">微信菜单</Checkbox></Col>
                        <Col><Checkbox value="41">模板信息</Checkbox></Col>
                        <Col><Checkbox value="42">推送信息</Checkbox></Col>
                        <Col> <Checkbox value="43">分项记录</Checkbox></Col>
                        <Col> <Checkbox value="44">订单通知</Checkbox></Col>
                    </Row>

                </Checkbox.Group>
                    <br/>
                {/*<Checkbox indeterminate={indeterminate} onChange={onCheckAllChange} checked={checkAll}>*/}
                {/*    Check all*/}
                {/*</Checkbox>*/}
                <Button type="primary" onClick={this.changE}>确定</Button>
            </div>
        )
    }
}
    export default AssignPermissions